<div class="header">
  <h2 class="breadcrumb">
    <!-- <i nz-icon [nzType]="breadcrumbIconType" nzTheme="fill"></i> -->
    <span class="content">
      {{ primaryTitle }}
      <ng-container *ngIf="currentSecondaryTitle$ | async">
        /
        {{ currentSecondaryTitle$ | async }}
      </ng-container>
    </span>
  </h2>
  <div class="tabButtonContainer">
    <ng-container *ngFor="let tabItem of tabItems; index as i; last as isLast">
      <div class="splitLine"></div>
      <div
        class="tabButton"
        [class.tabButton--active]="(currentTabItemIndex$ | async) === i"
        [class.tabButton--last]="isLast"
        (click)="switchToTab(i)"
      >
        {{ tabItem.title }}
      </div>
    </ng-container>
  </div>
</div>
<ng-container *ngTemplateOutlet="currentTabItemContent$ | async"></ng-container>
